﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="~/Content/Theme/Style.css" rel="stylesheet" />
    <script src="~/Content/Theme/Script.js"></script>
    <script type="text/javascript" src="../Content/Theme/Jquery/jquery-1.11.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#header-menu li").hover(function () {
                $(".header-sub-menu", this).show();
            }, function () {
                $(".header-sub-menu", this).hide();
            })
        });
    </script>
    <title>@ViewBag.Title</title>
</head>
<body>
    <!--    Start header      -->
    <header>
        <div class="logo">
            <h1>Devfree</h1>
            <h2>We are developer, we are free.</h2>
        </div>
        <div class="menu">
            <ul>
                <li>
                    <a href="#">Home
                    </a>
                </li>
                <li>
                    <a href="#">About
                    </a>
                </li>
                <li>
                    <a href="#">News
                    </a>
                    <ul>
                        <li>
                            <a href="#">Android</a>
                            <a href="#">IOS</a>
                            <a href="#">Windows</a>
                            <a href="#">Linux</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">Project
                    </a>
                    <ul>
                        <li>
                            <a href="#">Android</a>
                            <a href="#">IOS</a>
                            <a href="#">Windows</a>
                            <a href="#">Linux</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">Share
                    </a>
                    <ul>
                        <li>
                            <a href="#">Android</a>
                            <a href="#">IOS</a>
                            <a href="#">Windows</a>
                            <a href="#">Linux</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <form>
                        <input type="search" value="Enter text search."/>
                    </form>
                </li>
            </ul>
        </div>
    </header>
    <!--    End header      -->

    <!--    Start Wrapper   -->
    <div id="wrapper">

        <!-- Main content -->
            @RenderBody()
        

        <!--    Right menu    --> 
        <div class="right-menu">
            <!--    Box menu    -->
            <div class="box-menu">
                <!--    Box title   -->
                <div class="box-title">This is title</div>
                <!--    Box content     -->
                <div class="box-content">
                    <ul>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                    </ul>
                </div>
            </div>
            <!--    Box menu    -->
            <div class="box-menu">
                <!--    Box title   -->
                <div class="box-title">This is title</div>
                <!--    Box content     -->
                <div class="box-content">
                    <ul>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                    </ul>
                </div>
            </div>
            <!--    Box menu    -->
            <div class="box-menu">
                <!--    Box title   -->
                <div class="box-title">This is title</div>
                <!--    Box content     -->
                <div class="box-content">
                    <ul>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                        <a href="#">
                        <li>
                                <img src="~/Content/Icons/skype_app_icon.jpg" />
                                <div><h1>This is title application</h1>
                                    <p>This is description of application. This text fill to more info of application</p>
                                </div>
                        </li></a>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!--    End Wrapper      -->

    <!--    Start Footer      -->
    <footer>
        <p>
            Bản quyền thuộc về <b>DEVFREE.COM</b><br>
            Điện thoại: 123457900 Email:devfree.com
            <br>
            &copy;Copyright 2014 By BeeGroup - Al right reserved
        </p>
    </footer>
    <!--    End Footer      -->

</body>
</html>
